<template>
  <div class="top-nav font34">
    <i class="iconfont icon-fanhui" @click="goBack"></i>
    <p>{{breadName}}</p>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator';
@Component
export default class TopNav extends Vue {
  @Prop() private breadName ?: string;
  private goBack() {
    this.$router.back();
  }
}
</script>
<style lang="scss" scoped>
.top-nav {
  position: relative;
  width: 100%;
  height: 88px;
  line-height: 88px;
  text-align: center;
  .iconfont {
    position: absolute;
    left: 20px;
  }
}
</style>
